<template>
  <div class="verification-wrapper">
    <el-button type="primary" @click="valid">猴国吴抓耳挠腮</el-button>
  </div>
</template>

<script>
import { Verfication } from "lingting-lyy-ui";
export default {
  components: {},
  mounted() {},
  methods: {
    login(id) {
      this.axios.get("/api/login?id=" + id).then((res) => {});
    },
    valid() {
      Verfication.alert({
        requestUrl: "/api/generate",
        validUrl: "/api/verify",
        type: "SLIDER",
      }).then((res) => {
        this.login(res.id);
      });
    },
  },
};
</script>

<style  scoped>
.verification-wrapper {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
</style>